<template>
  <div class="home">

    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item class="a1"><img class="swipe-img" src="../../assets/sp3.jpg" alt=""></van-swipe-item>
      <van-swipe-item class="a2"><img class="swipe-img" src="../../assets/sp2.jpg" alt=""></van-swipe-item>
      <van-swipe-item class="a3"><img class="swipe-img" src="../../assets/sp1.jpg" alt=""></van-swipe-item>
     
    </van-swipe>
  </div>
</template>

<script>
//第一步 先从外部 引用进来


</script>
<style scoped>

/* .my-swipe .van-swipe-item {
  margin-bottom: 0%;
  padding: 0%;
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  
} */
.my-swipe{
 
  top: 62px;
 
   
}

/* .a1{
background-image: url(../assets/aa1.jpeg);

}
.a2{
background-image: url(../assets/aa2.jpeg);
}
.a3{
background-image: url(../assets/aa3.jpeg);
}
.a4{
background-image: url(../assets/aa4.jpeg);
} */
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  
  height: 198px;
  line-height: 198px;
  text-align: center;
  
}
.swipe-img {
  height: 198px;
  width: 100%;
}

</style>
